/****************************/ /**** MAIN CONTENT ****/ /****************************/ div#content {position: relative; width: auto; height: 640px; overflow: visible; padding-left: 190px; padding-right: 190px; background: #ffffff; border-bottom: 1px solid white; border-top: 1px solid #ffffff;} html > body div#content {height: auto;} /* Hidden for IE6 */ div#content h4 {color: #ffa619; font-size: 16px; text-align: center; font-weight: bold; padding: 0px; margin: 8px 0px;} div#content h5 {font-size: 16px; text-align: left; font-weight: bold; padding: 0px; margin: 10px 0px -8px 0px;} div#content p {margin: 8px 0px; font-size: 12px; text-align: left; color: #8785c0; line-height: 18px;} div#content a {color: #8785c0;} div#content a:hover {text-decoration: none;} div#content ul {margin: 8px 0px; padding: 0px; list-style: square outside;} div#content ul li {margin-left: 15px; padding-left: 0px;} div#content ol {margin: 8px 0px; padding: 0px; list-style: decimal outside;} div#content ol li {margin-left: 20px; padding-left: 0px; margin-top: 5px;} div#content div#site-directory {position: relative; font-size: 12px; margin: 0px 0px 10px 0px; text-align: center; padding-bottom: 3px; border-top: 1px dotted #c3c2df; border-bottom: 1px dotted #c3c2df;} div#content div#site-directory p {text-align: center; margin: 0px; font-weight: bold;} div#content div#site-directory a {position: relative; display: inline-block; width: 48%; margin: 2px 0px 2px 2px; background-color: #f3f3f9; text-decoration: none; border-top: 1px dotted #c3c2df; border-bottom: 1px dotted #c3c2df; font-size: 11px; line-height: 15px;} div#content div#site-directory a:hover {color: #ffa619; border-color: #ffa619; background-color: transparent; font-weight: bold;} div.images_home {position: relative; text-align: center; height: 120px; margin-right: -20px; margin-bottom: 10px;} div.images_home div {position: relative; float: left; width: 120px; height: 120px; margin: 0px 10px 0px 0px; border: 0px;} div.images_home div img {border: 0px;} /* RIGHT PANEL */ div#content div#rpanel {position: absolute; top: 10px; bottom: 10px; right: 0px; width: 180px; height: 640px; background: #f3f3f9 url(../[img]/rpanel_top_bg.gif) repeat-x top left; padding-bottom: 10px;} html > body div#content div#rpanel {height: auto;} /* Hidden for IE6 */ div#content div#rpanel div#blc {position: absolute; bottom: 0px; left: 0px; width: 30px; height: 30px; background: #f3f3f9 url(../[img]/rpanel_bottom_bg.gif) no-repeat bottom left;} div#content div#rpanel div#news {position: absolute; left: 5px; bottom: 55px; height: 30px; width: 170px; overflow: hidden; line-height: 12px; background-color: #ffffff; font-size: 10px; color: #ffa619; text-align: center; font-weight: bold;} div#content div#rpanel div#news div.scrollnews {position: relative; left: 0px; height: 18px; line-height: 16px; width: 170px; overflow: hidden; font-weight: normal; background-color: #ffa619;} div#content div#rpanel div#news div.scrollnews div#news_scroll {width: 400px; height: 20px; line-height: 20px; font-size: 11px; color: #ffffff;} div#content div#rpanel div#copyright {position: absolute; bottom: 0px; right: 0px; width: 100%; border-top: 1px dotted #c3c2df; z-index: 5;} div#content div#rpanel div#copyright p { margin: 5px 10px; font-size: 10px; text-align: right; line-height: 13px;} div#content div#rpanel ul {padding: 0px; margin: 0px; list-style: none; background: url(../[img]/lpanel_top_bg.gif) no-repeat top right;} div#content div#rpanel ul li {padding: 0px; margin: 0px 10px; font-size: 13px; line-height: 30px; border-bottom: 1px solid #c3c2df;} div#content div#rpanel ul li.l {border: 0;} div#content div#rpanel ul li.getstarted {height: auto; line-height: 120%; margin-top: 5px; text-align: center;} div#content div#rpanel ul li.getstarted a {color: #ffa619; text-decoration: none; font-weight: bold; font-size: 16px; line-height: 18px;} div#content div#rpanel ul li.getstarted a span {display: block; font-size: 10px; font-weight: normal; margin-bottom: 5px;} div#content div#rpanel ul li a#vs {color: #8785c0; text-decoration: none; line-height: 30px;} div#content div#rpanel ul li.comments {height: auto; color: #c3c2df;} div#content div#rpanel ul li.comments div.scroll { height: 200px; color: #8785c0;} div#content div#rpanel ul li.comments div.scroll div {line-height: 16px; font-size: 11px; } div#content div#rpanel ul li.comments div.scroll div span {display: block; width: 100%; font-weight: bold; margin-top: 10px; text-align: right; } div#content div#rpanel div#basepoints {margin: 0px 10px; padding-bottom: 10px; line-height: 14px;} div#content div#rpanel div#basepoints span {display: block; padding: 10px 0px 0px 15px; font-size: 10px; background: url(../[img]/arrow_bulet.gif) no-repeat 0px 11px;} div#content div#rpanel p#gallery-msg {margin: 10px 5px; font-size: 11px;} div#content div#rpanel p#gallery-msg span {display: block; text-align: right; font-size: 10px; line-height: 14px; font-weight: bold;} div#content div#rpanel a#gallery-ad {display: block; position: relative; margin: 0px 5px; font-size: 11px; color: #ffa619; text-decoration: none; padding: 0px 3px 3px 3px; border-bottom: 1px solid #ffa619;} div#content div#rpanel a#gallery-ad span {display: block; font-size: 17px; text-align: center; font-weight: bold;} div#content div#rpanel a#gallery-ad span#gallery-title {display: block; background-color: #ffa619; color: white; font-size: 12px; text-align: center; line-height: 18px; margin: 0px -3px 3px -3px;} div#content div#rpanel div#newsletter {margin: 0px 5px 10px 5px; border-bottom: 0px solid #ffa619; text-align: right; line-height: 25px; font-size: 11px; border-bottom: 1px solid #ffa619;} div#content div#rpanel div#newsletter span {display: block; width: 100%; background-color: #ffa619; color: #ffffff; font-weight: bold; text-align: center; font-size: 13px; line-height: 20px;} div#content div#rpanel div#newsletter input {position: relative; right: 0px; width: 100px; } div#content div#rpanel div#newsletter input.button {width: 100%; margin-top: 5px; font-weight: normal;} div#content div#rpanel div#newsletter p {font-size: 12px; line-height: 140%; margin: 5px 0px; border-bottom: 1px dotted #ffa619; padding-bottom: 5px;} div#content div#rpanel div#newsletter p.no-share {font-size: 11px; color: #ffa619; border: 0px; margin-top: 3px; font-weight: bold; padding-bottom: 0px; text-align: center;} div#content div#rpanel div#newsletter iframe {display: none;} div#content div#rpanel div#video-channel {max-height: 170px; margin: 0px 5px 10px 5px; padding: 55px 0px 0px 0px; border-bottom: 1px dotted #c3c2df; background: url(../[img]/video-chanel-panel-bg.png) no-repeat top center;} div#content div#rpanel div#video-channel a {display: block; margin-bottom: 10px; text-decoration: none; font-size: 11px; line-height: 13px; color: #8785c0; padding-left: 30px; background: url(../[img]/video-chanel-item.png) no-repeat center left} div#content div#rpanel div#video-channel a:hover {color: #ffa619; background: url(../[img]/video-chanel-item-hover.png) no-repeat center left} div#content div#rpanel div#video-channel div {margin: 5px 10px 20px 10px; font-size: 10px; text-align: center; background: #f3f3f9; color: #c3c2df;} /* LEFT PANEL */ div#content div#lpanel {position: absolute; top: 10px; bottom: 10px; left: 0px; width: 180px; height: 640px; background: #f3f3f9 url(../[img]/lpanel_bottom_bg.gif) repeat-x bottom left; padding-bottom: 10px;} html > body div#content div#lpanel {height: auto;} /* Hidden for IE6 */ div#content div#lpanel ul {display: none; padding: 0px; margin: 0px; list-style: none; background: url(../[img]/lpanel_top_bg.gif) no-repeat top right;} div#content div#lpanel ul li {padding: 0px; margin: 0px 10px; font-size: 13px; line-height: 33px; border-bottom: 1px solid #ffa619;} div#content div#lpanel ul li.l {border: 0;} div#content div#lpanel ul li a {color: #8785c0; text-decoration: none;} div#content div#lpanel ul li a:hover {color: #ffa619;} div#content div#lpanel ul li a.crnt {color: #ffa619;} div#content div#lpanel div#matchmaker {position: relative; width: 100%; bottom: 0px; padding-top: 3px; font-weight: bold; background: url(../[img]/lpanel_top_bg.gif) no-repeat top right;height: auto; margin: 0px; font-size: 15px; text-align: center;} div#content div#lpanel div#matchmaker img {margin: 5px 0px;} div#content div#lpanel div#matchmaker span {display: block; font-size: 12px; line-height: 14px; margin: 0px;} div#content div#lpanel div#matchmaker a {display: block; margin: 5px; text-decoration: none; background-color: #8785c0; color: #ffffff; font-size: 10px;} div#content div#lpanel div#matchmaker div {margin: 0px; padding-left: 3px; font-size: 15px; text-align: center; font-weight: normal;} div#content div#lpanel div#matchmaker div a {color: #8785c0; font-size: 12px; margin: 0px; background-color: transparent;} div#content div#lpanel div#matchmaker a#free-offer {display: block; margin: 10px 5px 0px 5px; font-size: 11px; font-weight: normal; padding: 0px 3px 3px 3px; color: #ffa619; border-bottom: 1px solid #ffa619; text-decoration: none; background: transparent; text-align: left;} div#content div#lpanel div#matchmaker a#free-offer span {display: block; color: white; background-color: #ffa619; font-size: 14px; line-height: 18px; font-weight: bold; text-align: center; margin: 0px -3px 3px -3px;} div#content div#lpanel div#matchmaker p#service-video {margin: 5px 5px; text-align: center; line-height: 30px;} div#content div#lpanel div#matchmaker p#service-video a {font-weight: bold; text-decoration: none; background-color: transparent; color: #8785c0; font-size: 12px; margin: 0px;} div#content div#lpanel div#slogan {position: absolute; bottom: 0px; padding: 0px 5px; font-weight: normal;} /* Video Window */ div#vw {position: absolute; display: none; top: 0px; left: 0px; overflow: hidden; width: 100%; height: 0px; background-color: transparent; z-index: 90; text-align: center; background-image: url(../[img]/vw_bg.gif); background-position: bottom center; background-repeat: no-repeat; padding: 0px; margin: 0px; line-height: 0px;} div#vw a:link {position: absolute; display: block; line-height: 14px; width: 15px; top: 10px; right: 80px; text-decoration: none; border: 0px;} /******************/ /**** MAIN END ****/ /******************/ div#main_end {width: 100%; height: 100px; position: absolute; bottom: 0px; text-align: center;} div#main_end ul {margin: 0px; padding: 0px; font-size: 11px; line-height: 15px; list-style: none; margin-top: 10px;} div#main_end ul li {display: inline; border-right: 1px solid white;} div#main_end ul li.l {border: 0;} div#main_end ul li a {margin: 0px 5px; text-decoration: none;} div#main_end div#locations {clear: both; text-align: center; color: #c3c2df; font-size: 10px; margin-top: 10px;} div#main_end div#locations a {display: inline; float: left; width: 15px; height: 10px; border: 1px solid #8785c0; margin: 1px 5px; text-decoration: none; background: #f3f3f9; line-height: 10px;} div#main_end div#locations a:hover {border-color: #c3c2df;} div#main_end div#locations a:hover {border-color: #c3c2df;} div#main_end div#locations a.tm-uk {background-image: url(http://www.topmatch-uk.com/[img]/flags/flag_uk.gif); margin-left: 318px;} div#main_end div#locations a.tm-fr {background-image: url(http://www.topmatch-uk.com/[img]/flags/flag_fr.gif);} div#main_end div#locations a.tm-ie {background-image: url(http://www.topmatch-uk.com/[img]/flags/flag_ie.gif);} div#main_end div#locations a.tm-ca {background-image: url(http://www.topmatch-uk.com/[img]/flags/flag_ca.gif);} div#main_end div#locations a.tm-pt {background-image: url(http://www.topmatch-uk.com/[img]/flags/flag_pt.gif);} div#main_end div#locations a.tm-us {background-image: url(http://www.topmatch-uk.com/[img]/flags/flag_us.gif);} div#main_end p#validation {position: absolute; color: #c3c2df; margin-top: 0px; top: 58px; right: 3px; font-size: 8px;} div#main_end p#validation a {position: relative; margin: 0px; color: #c3c2df; text-decoration: none;} /*********************/ /**** MAIN BANNER ****/ /*********************/ div#main_banner {position: relative; width: 100%; height: 270px; overflow: hidden; background: #c3c2df url(../[img]/banner_bg.jpg) no-repeat center center;} div#main_banner h1 {position: absolute; top: 85px; left: 15px; height: 150px; width: auto; margin: 0px; background: url(../[img]/main_banner_logo.gif) no-repeat top left; } div#main_banner h1 a#home {display: block; font-size: 52px; color: #8785c0; font-weight: normal; padding-top: 87px; padding-left: 110px; text-decoration: none;} div#main_banner h1 a#home span {color: #ffa619;} div#main_banner h2 {position: absolute; left: 0px; bottom: 0px; width: 100%; color: white; text-align: center; font-size: 26px; line-height: 30px; font-weight: bold; padding: 0px; margin: 0px;} div#main_banner h2 span {color: #8785c0;} div#main_banner h3 {position: absolute; top: 115px; left: 165px; width: 350px; font-size: 18px; font-weight: normal; margin: 0px; } div#main_banner h3 span {font-size: 11px; line-height: 14px;} div#main_banner div#occupations {position: absolute; top: 60px; left: 15px; line-height: 20px; font-size: 13px; color: #ffa619; width: auto;} div#main_banner div#occupations_scroll {position: absolute; top: 60px; left: 165px; width: 300px; line-height: 20px; font-size: 13px; color: #8785c0;} div#main_banner ul {position: absolute; top: 42px; font-size: 11px; line-height: 15px; list-style: none; overflow: hidden; margin: 0px; padding: 0px;} div#main_banner ul li {float: left; border-right: 1px solid #c3c2df; margin: 0px; padding: 0px 5px; height: 13px; overflow: hidden;} div#main_banner ul li.f {padding-left: 0px;} div#main_banner ul li.l {border: 0;} div#main_banner ul li a {text-decoration: none; color: #c3c2df;} div#main_banner ul li a:hover {color: #ffffff;} /*******************/ /**** MAIN BASE ****/ /*******************/ div#main_base {width: 760px; height: auto; position: relative; left: 50%; margin-left: -380px; padding-bottom: 100px; background: #8785c0 url(../[img]/main_base_bg.jpg) no-repeat bottom center;} /**************/ /**** BODY ****/ /**************/ body {margin: 0px; padding: 0px; position: relative; background: url(../[img]/body_bg.jpg) repeat-x top center; font-family: 'trebuchet ms', verdana, arial, helvetica, tahoma, sans-serif; color: #8785c0; font-size: 12px;} img {border: 0px;} a {color: white;} a:hover {text-decoration: none;} form {margin: 0px;} div#pop-up {display: none; position: absolute; background: url(http://www.topmatch-uk.com/[img]/gm-transparent-bg-blue-50-prcnt.png) repeat center; left: 50%; top: 0%; margin: 0px 0px 0px -370px; width: 740px; height: 100%; z-index: 100; text-align: center;} html > body div#pop-up {position: fixed;} div#pop-up div {position: relative; top: 30px; max-height: 500px; overflow: auto; left: 0px; margin: 0px 50px; padding: 5px; background-color: #ffffff; border: 3px solid #ffa619; text-align: left; color: #8785c0;} div#pop-up div a {color: #8785c0;} div#pop-up div a.close {display: block; position: fixed; top: 30px; right: 50%; margin-right: -320px; padding: 0px 5px 2px 5px; font-weight: bold; color: white; background-color: #ffa619; text-decoration: none;} div#pop-up div h4 {text-align: center; color: #ffa619; font-size: 18px; margin: 5px;} div#pop-up div p {font-size: 12px; margin: 6px 0px;} input.button {height: 23px; background: #8785c0 url(../[img]/btn_bg.gif); color: white; cursor: pointer; font-weight: bold; padding: 0px 5px; border: 1px solid #000000;} div#tmoffer {position: absolute; bottom: 120%; left: 10px; width: 300px; padding-bottom: 30px; background: url(http://www.topmatch-uk.com/[img]/tmoffer-bg.png) no-repeat left top; } html > body div#tmoffer {position: fixed;} div#tmoffer a.hideoffer {display: block; position: absolute; top: 0px; right: 0px; text-decoration: none; width: 15px; height: 15px; } div#tmoffer div.end {position: absolute; min-height: 50px; left: 0px; bottom: -50px; padding-bottom: 30px; width: 300px; background: url(http://www.topmatch-uk.com/[img]/tmoffer-bg.png) no-repeat bottom;} div#tmoffer div#offercontent {position: relative; top: 10px; margin: 0px 10px -40px 10px; height: auto; min-height: 70px; overflow: visible; text-align: center; font-size: 13px; font-weight: bold;}